import router, {asyncRouterMap} from './router'
import store from './store'
import NProgress from 'nprogress' // Progress 进度条
import 'nprogress/nprogress.css'// Progress 进度条样式
import { Message } from 'element-ui'
import { getToken } from '@/utils/auth' // 验权
import Layout from '@/views/layout/Layout'

const whiteList = ['/login'] // 不重定向白名单
router.beforeEach((to, from, next) => {
  NProgress.start()
  if (getToken()) {
    if (to.path === '/login') {
      next({ path: '/' })
      NProgress.done() // if current page is dashboard will not trigger	afterEach hook, so manually handle it
    } else {
      if (store.getters.name.length === 0) { // 判断当前用户是否已拉取完user_info信息
        store.dispatch('GetInfo').then(res => { // 拉取用户信息
          let { menuVOList,roles } = res.data
          let configRouter = []
          menuVOList.map(router=>{
            let { title, icon, roles, children } = router
            let redirect = children[0]['path']
            let path = redirect.split('/')[0]
            let child = []
            children.map(child_router => {
              let { title, path, roles } =  child_router
              if(path){
                let data = {
                  path: path.split('/')[1],
                  name: path,
                  meta: {title, roles}
                }
                data['component'] = asyncRouterMap[path.replace('/','_')]
                child.push(data)
              }
            })
            configRouter.push({
              path: `/${path}`,
              component: Layout,
              redirect: `/${redirect}`,
              name: path,
              meta: {title, icon, roles},
              children:child
            })
          })
          configRouter.push({ path: '*', redirect: '/404', hidden: true })
          store.dispatch('GenerateRoutes', { roles,configRouter }).then(() => { // 根据roles权限生成可访问的路由表
            router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
          })
        }).catch((err) => {
          store.dispatch('FedLogOut').then(() => {
            Message.error(err || 'Verification failed, please login again')
            next({ path: '/' })
          })
        })
      }else{
        next()
      }
    }
  } else {
    if (whiteList.indexOf(to.path) !== -1) {
      next()
    } else {
      next('/login')
      NProgress.done()
    }
  }
})

router.afterEach(() => {
  NProgress.done() // 结束Progress
})
